<template>
    <!-- 视频组件 -->
    <div class="videoContainer">
        <video 
            controls
            name="media"
            :height="videoInfo.height"
            :poster="videoInfo.videoimg"
            :src="videoInfo.videourl"
        >
            <!-- <source 
                :src="videoInfo.videourl"
                type="video/mp4"
            > -->
        </video>
    </div>
</template>

<script>
export default {
    props: ['videoInfo']
}
</script>

<style lang="stylus">
    // 视频组件
    .videoContainer
        video 
            width 100%
            vertical-align middle
</style>
